﻿@charset "utf-8";
/* CSS Document 
   Design by www.east.net
*/
body { margin:0; padding:0;background:#f6f6f6; color:#666666}
#warp { margin:0 auto; height:auto; }
#content{ width:1000px;margin:0 auto;background:#fff; padding:0 13px 20px; box-shadow: 0px 0 22px 6px rgba(0,0,0,.1);}
.clear{content:".";display:block;height:0;clear:both;overflow: hidden;}


/* 首页头部样式 */
.headerIn{ width:100%; /* overflow: hidden; */}
h1.logo { width: 171px;float:left; }
h1.logo a{ display:block }

.bookmark { width: 800px; float: right; text-align: right; line-height: 40px; margin-top: 8px;}
.bookmark a{ color:#666666;margin-left:12px; }
.headerIn .btn{ background:url(../images/dzf_club.jpg) no-repeat;width:118px;height:30px;line-height:30px;display:inline-block; color: transparent; margin-right: 12px; text-indent: -9999px;}
.search { float: right;  margin: 0 0 15px 0;}
.search form{ float: right; background: #f9f9f9; width:232px;line-height:27px;border: 1px solid #d5d5d5;
-moz-box-shadow:5px 5px 5px #999 inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:5px 5px 5px #999 inset;            /* For Chrome5+, Safari5+ */
	 box-shadow: 2px 2px 4px #e3e3e3 inset;                    /* For Latest Opera */ border-radius: 6px;}

.search input[type="text"]{ background:none; border:none; width: 178px; height: 17px; line-height: 18px; padding: 5px 10px; float:left}
.search input[type="submit"]{ background: url(../images/search.png) center center no-repeat; border:none; width: 33px; height: 27px; display:inline-block; color: transparent; float: right;cursor: pointer; text-indent: -9999px;}

.mobileclub {
    float: right;
    width: 50%;
    text-align: right;
    display: none;
}
.mobileclub .btn{ margin:0;}


/* 导航菜单 */
.navIn { width:829px;float:right;background:url(../images/nav.jpg) left 0 #1c65ab no-repeat; height:39px;  position: relative;}
.navIn>ul {/* width: 100%;*/ padding-left:4%;}

.navIn>ul>li { float:left;width:12.4%;background:url(../images/l.png) right center no-repeat; }
.navIn>ul>li>a { line-height: 38px; text-align:center; color:#FFF; display: block; font-size: 14px; /*font-weight: bold;*/ }
.navIn>ul>li:hover>ul{ display:block}
.navIn>ul>li:hover>a{ color:#ffde00;}

.sub-nav{ display: none;position: absolute; top: 39px; left: 0;width: 100%; z-index: 999; background: #f3f3f3; border-bottom: 1px solid #c4c4c4; }
.sub-nav .w{ padding:10px 26px 11px;overflow:hidden; }
.sub-nav .navleft{ float:left; width: 213px; padding-right: 25px;border-right: 1px solid #e5e5e5;}
.sub-nav .navleft h3{ line-height: 20px;background:url(../images/i1.jpg) right center no-repeat; }
.sub-nav .navleft img{ max-width:100%;margin:10px 0 6px 0 }
.sub-nav .navleft p{ line-height:24px;}

.sub-nav .navright{ line-height:35px;width:200px; padding:0 25px; float:left ;  }
.sub-nav .navright li{ margin-bottom:1px;background:#e7e7e7}
.sub-nav .navright li a{ color:#333333;padding-left:26px; display: block;}
.sub-nav .navright li:hover a{ color:#007fbe }

.sub-nav .label{ float:right; width: 262px; padding-left: 25px;border-left: 1px solid #e5e5e5;}
.sub-nav .label img{ max-width:100%; }

.navIn>ul>li.over>a, .navIn>li:hover>a{ color:#ffde00; }
.navIn>ul>li.current ul{ display:block;}


.navIn>.navMobile{display:none;width: 50px;height: 39px;position:absolute;right: 0;border:0px solid red;top: 0%;}
.navIn>.navMobile>i{display:block;width: 100%;height: 100%;cursor:pointer;text-align: center;background: url(../images/bar.png) center center no-repeat;}
.navIn>.navMobile>ul{width: 200px;position:absolute;right: 0;top: 39px;background: #e7e7e7;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none;z-index:999}
.navIn>.navMobile>ul>li{height: 39px;line-height: 39px;width:100%;border-bottom: 1px solid #dddddd;}
.navIn>.navMobile>ul>li>a{display: block;height:100%;width:100%;color: #333;text-align:center;font-size:14px;}
.navIn>.navMobile>ul>li>a:hover{color:#007fbe;}
.navIn>.navMobile>ul>li:last-child{ border:0}


/* 子页左侧菜单导航 */
.mleft{ clear:both;display:block; float:left; width: 200px; }
.mleft h3{ line-height:63px; font-size: 18px; font-weight: normal; padding-left: 41px; color: #fff; background: url(../images/lbg.png) no-repeat;}
ul.subNav { margin-top:8px; display:block; clear:both;overflow: hidden;}
ul.subNav>li { width: 100%;line-height:44px;border-bottom: 1px solid #dddddd;}
ul.subNav>li>a { background:url(../images/i2.png) right center no-repeat;display:block; color:#333333;font-size:14px;padding-left:22px; }
ul.subNav>li>a:hover,ul.subNav>li>a.over { color:#007fbe; }

ul.subNav>li ul{ line-height:30px; margin-bottom: 14px;}
ul.subNav>li ul li a{ padding:0 0 0 28px;color:#333333}
ul.subNav>li ul li a:hover,ul.subNav>li ul li a.over{ color:#007fbe }



.pageMobileNav{ display:none}
 
/* 分页 */
.pages { margin:30px auto; clear:both; overflow:hidden; color: #696969; text-align: center;}
.pages a,.pages span { color: #696969; line-height: 26px; height: 26px; font-size: 12px; padding: 0 6px; display: inline-block; margin: 0 3px;}
.pages a.currentpage{ background: #f0f0f0; color: #696969; border: 1px solid #d1d1d1; box-shadow: 0px 0 4px 1px rgba(0,0,0,.1);}
.pages .prev{ background:url(../images/page.png) no-repeat;color:transparent; }
.pages .next{ background:url(../images/page.png) right 0 no-repeat;color:transparent; }


/* 首页页脚样式 */
.footer { width:100%; margin: 0 auto; clear:both; background:#fff; overflow:hidden;}


.foot { background: #dfdfdf;overflow:hidden; padding: 16px 0 30px 0; }
.footIn { width: 1000px;margin: 0 auto;padding:0 20px; line-height: 30px;}
.footIn dl{ float:left;width:14% }
.footIn dt a{ color:#8d8d8d;font-size:14px;font-weight:bold; }
.footIn dd a{ color:#7a7a7a; }
.code { float: right; line-height: 77px; margin: 40px 18px 0 0; }
.code img{ max-width:100%;}


.footerIn { width: 1000px;padding:15px 20px;margin: 0 auto;color:#989898; line-height:33px; }
.footerIn a{ color:#989898;padding:0 3px;}
.footer .copyright { margin:0 auto; float: right; text-align: right; overflow:hidden;}


@media screen and (max-width:880px){
	#content{ width: 96%; box-sizing: border-box;}

	
    /*头部*/
    h1.logo{ width:50%; }
    h1.logo img{ max-width:100%; }
    .bookmark{ width: 48%; margin: 25px 0 12px 0;}
    .bookmark a:first-child{ margin:0 }
    .mobileclub{ display:block; }
    .search { margin:16px 0 ; display: block; width: 100%;}
    .search form{ display:block; width: 100%; position: relative;}
    .search .btn{ margin:0;display:none;}
    .search input[type="text"]{ width: 97%; box-sizing: border-box;height: 27px; }
    .search input[type="submit"]{ position:absolute;right:0px;}
    
    
    /*导航*/
    .navIn{ display:block; width: 100%;}
    .navIn>ul{padding-left:8%;}
    .navIn>ul>li{ width: 28%; }
    .navIn>ul>li:nth-child(3){ background:none;}
    .navIn>ul>li:nth-child(4){ display:none}
    .navIn>ul>li:nth-child(5){ display:none}
    .navIn>ul>li:nth-child(6){ display:none}
    .navIn>ul>li:nth-child(7){ display:none}
    .navIn>ul>li:nth-child(8){ display:none}


    .sub-nav{ visibility: hidden; }
    .navIn>.navMobile{ display:block;}

    .navIn>.navMobile li:nth-child(1){ display:none}
    .navIn>.navMobile li:nth-child(2){ display:none}

    /*左侧导航*/
    .mleft{ display:none }
    
    .pageMobileNav{
		float:left;
		width:100%;
		margin-bottom: 12px;
		display: block;} 
	.pageMobileNav>select{
		width: 100%;
	  	height: 30px;
	} 
    .pageMobileNav>select option{ padding:0 10px}

	/*版权*/
	.footerIn{ width: 100%; line-height: 24px; box-sizing: border-box; text-align: left;}
	.footer .copyright{ width:100%; text-align: left; float: none;}
    .footIn{ width: 100%; box-sizing: border-box; margin-top: 14px;}
    .footIn dl{ display:none;}
    .footIn .code{ float:none;margin:0; text-align:center;}

}


@media screen and (max-width:320px){
.navIn>ul{padding-left:12%;}

.navIn>ul>li>a{font-size:12px}

}